<!doctype html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>Web端在线识别图片中的物体</title>
        <link rel="stylesheet" href="css/index.css">

        <script src="js/jquery-1.10.1.min.js"></script>
        <script src="js/jquery-form.min.js"></script>
        <script src="js/index.js"></script>
    </head>
    <body>

        <div class="upload">
            <div style="margin-top:4px;">
                <input id="online_image_url" class="upload-url" type="text" placeholder="输入在线图片URL" />
                <input id="online_image_submit" class="upload-btn" type="button" value="提交"/>
            </div>

            <div style="margin-top:4px;position:relative">
                <form id="local_image_form" enctype="multipart/form-data">
                    <input id="local_image_path" class="upload-url"  type="text" placeholder="点击浏览本地文件" />
                    <input id="local_image_submit" class="upload-btn" type="button" value="上传"/>

                    <input id="local_image" name="local_image" class="upload-file" type="file" />
                </form>
            </div>
        </div>

        <div class="result-title">检测结果:</div>

        <div class="result">
            <div style="width:640px;height:600px;float:left;background-color:burlywood;">
                <img id="image_result" style="width:auto;height:auto;max-width:100%;max-height:100%;"/>
            </div>
            <div style="width:354px;height:590px;float:left;background-color:gray;color:white;font-size:13px;text-align:left;">
                <textarea id="json_result" style="padding:5px;width:100%;height:100%;overflow:auto">
                    
                </textarea>
        </div>

    </body>
</html>